<template>
	<view class="cart">
	    <view class="thin">
		
	    <image class="tu1"mode="scaleToFill"  :src="movieData.img"></image>
	    <image class="Player" mode="aspectFit" src=.../../assets/images/i_play.png></image>
	    
	    </view>
	    <view class="weigh">
	      <view class="title center2">
	      <view class="title2">{{movieData.nm}}</view>
	  
	      
	        <!-- <image  v-if="movieData.globalReleased" class="globalReleased" mode="aspectFit" src=../../assets/images/v2dimax.png></image> -->
	    
	      </view>
	      <view class="detail">
	        <view>想看人数:{{movieData.wish}}</view>
	        <view>主演:{{movieData.star}}</view>
	        <view>{{movieData.showInfo}}</view>
	      </view>
	    </view>
	    <view class="last">
	    <view>{{movieData.sc}}分</view>
	    <block>
	        <button  class="ticket" size="mini" style=" color:movieData.showStateButton.color ;"> {{movieData.showStateButton.content }}</button>
	       
	     
	    </block>
	    </view>
	
	     </view>
	  
	
</template>

<script>
	export default {
		 props: {
		        movieData:{
		            type: Object,
		            default: {      
		                }
		        }
		    }
	}
</script>

<style>
	/* components/movie-cart/cart.wxss */.cart{
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	    flex-wrap: nowrap;
	    padding: 0 30rpx;
	}
	.thin{
	    width: 130rpx;
	    height: 180rpx;
	    position: relative;
	
	}
	.weigh{
	    width: 400rpx;
	    overflow: hidden;
	    height: 180rpx;
	    color: #666;
	}
	.weigh view{
	    margin: 2rpx 0;
	}
	.last{
	    color: #ffbc1f;
	    font-weight: 700;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	    height: 180rpx;
	    padding-bottom: 0rpx;
	    box-sizing: border-box;
	
	}
	.title2{
	    max-width: 300rpx;
	}
	.weigh view,.title2{
	    text-overflow: ellipsis;
	    overflow: hidden;
	    white-space: nowrap
	}
	.globalReleased{
	    margin-left:15rpx ;
	    width: 90rpx;
	    height: 40rpx;
	}
	.cart .ticket{
	    background-color: #f7bab7;
	    color: #fff;
	    border-radius: 12rpx;
	    font-size: 30rpx;
	    padding: 10 25rpx;
	    font-weight: 700;
	}
	.cart .Player{
	
	    width: 60rpx;
	    height: 180rpx;
	    position: absolute;
	    left: 50%;
	    top:50%;
	    transform: translate(-50%,-50%);
	}
	.title{
	    font-size:35rpx;
	    color: #333;
	    font-weight: 700;
	    
	}
	.tu1{
	    height: 180rpx;
	    width: 130rpx;
	  
	}
</style>
